<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:ic="http://ivyteam.ch/jsf/component"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title><ui:insert name="title" /></title>
	<h:outputStylesheet library="ivy-webcontent" name="/css/MasterCss.css" />
	<script type="text/javascript" src="rest/ivyajaxapi.js"></script>
	<style>
.leftMenu {
	border: 0 !important;
}
</style>
</h:head>
<h:body>
	<!-- <ic:ch.ivy.demo.component.Menu>
	</ic:ch.ivy.demo.component.Menu> -->
	<p:layout id="master" fullPage="true">
		<p:layoutUnit position="north" size="24%">
			<!-- <ic:ch.ivy.demo.component.TopPanel>
			</ic:ch.ivy.demo.component.TopPanel> -->
			<div style="display: inline;">
				<h:graphicImage name="img/logopng.png" width="80" />
				<!-- <h:panelGrid columns="2" width="100">
			<h:outputText value="Username"></h:outputText><h:outputText value="barbara"></h:outputText>
			<h:outputText value="Role"></h:outputText><h:outputText value="dep_hr"></h:outputText>
			<p:commandLink value="logout" actionListener="#{logic.logout}" process="@none"></p:commandLink>
			</h:panelGrid> -->
			</div>
			<div>
				<ic:ch.ivy.demo.component.Menu>
				</ic:ch.ivy.demo.component.Menu>
			</div>
		</p:layoutUnit>
		<p:layoutUnit position="south" size="6%">
			<ic:ch.ivy.demo.component.bottomPanel>
			</ic:ch.ivy.demo.component.bottomPanel>
		</p:layoutUnit>
		<p:layoutUnit styleClass="leftMenu" position="west" size="168">
			<!-- <p:menu model="#{data.leftMenuModel}" /> -->
			<ic:ch.ivy.demo.component.LeftMenu
				leftMenuData="#{data.leftMenuModel}">
			</ic:ch.ivy.demo.component.LeftMenu>
		</p:layoutUnit>
		<p:layoutUnit position="center">
			<div style="top: 0px !important;" class="center">
				<p:ajaxStatus styleClass="center" onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();">
				</p:ajaxStatus>
			</div>
			<h2>
				<ui:insert name="header" />
			</h2>
			<ui:insert name="center" />

		</p:layoutUnit>
	</p:layout>
</h:body>
<p:dialog id="dialog" modal="true" draggable="false" closable="false"
	showHeader="false" resizable="false" widgetVar="statusDialog"
	showEffect="fade" hideEffect="fade">
	<p:outputLabel value="Loading"></p:outputLabel>
	<h:graphicImage name="img/loading.gif" />
</p:dialog>
</html>